<template>
  <div>
    <div>数据:{{ count1 }}</div>
    <button @click="count++">点我修改数据</button>
    <input type="text" v-model="count">
  </div>
</template>
<script>
export default {
  name: 'HelloWorld',
  data() {
    return {
      count: 0
    }
  },
  //计算属性
  computed: {
    count1() {
      return this.count + 1
    }
  },
  //监听数据
  watch: {
    count(val) {
      console.log('val被触发了', val)
    }

  },
  // 页面初始化
  beforeCreate() {
    console.log('beforeCreate',document.querySelector('input'))
  },
    // 页面初始化完成
  created() {
    console.log('created',document.querySelector('input'))
  },
  // 页面挂载完成
  mounted() {
    console.log('mounted',document.querySelector('input'))
  },
}
</script>